fetch('http://chst.vip:1234/api/getbaicaijiatitle')
.then(function(a){
    return a.json()
})
.then(function(b){
    console.log(b);
    let str='';
    b.result.forEach(item => {
        str +=`<div titleId='${item.titleId}'>
                    ${item.title}
                </div>`
    });
    $('nav').html(str)   
})
.then(function(){
    console.log($('nav'))
    $('nav').on('click','div',function(e){
        console.log(e.target)
        // let titleId=e.target.getAttribute('titleid')
        let titleId=$(this).attr('titleid')
        console.log(titleId);
        get(titleId);
    })

})
get()
function get(titleId=0){
    fetch('http://chst.vip:1234/api/getbaicaijiaproduct?titleid='+titleId)
    .then(function(a){
        return a.json()
    })
    .then(function(b){
        console.log(b);
        let str='';
        b.result.forEach(item => {
            str +=`<li>
                        <div class="left">
                            ${item.productImg}
                        </div>
                        <div class="right">
                            <div>
                                ${item.productName}
                            </div>
                            <div>
                                ${item.productPrice}
                            </div>
                            <div>
                                <p>100%</p>
                                <p>已领126张/剩余0张</p>
                            </div>
                            <div>
                                <p>
                                    ${item.productCoupon}
                                </p>
                                <p>
                                    ${item.productHref}
                                </p>
                            </div>
                        </div>
                    </li>`
        });
        $('main ul').html(str)
    })
}

